﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="phenix_seat_list_new.aspx.cs" Inherits="Joyintech.Web.inpiao365.PhenixTicket.phenix_seat_list_new" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
     <title>大侦探福尔摩斯2_北京新世纪影城_在线购买电影票_影评影讯_影院排片_影票365 </title>
    <meta content="影票365,电影票,打折,娱乐,票务,影院排片,影院影讯,影院订票,电影票低价,促销电影票" name="keywords" />
    <meta content="影票365是中国最专业的电影票网上购买预定网站,包括影院实时放映计划查询,影片介绍,预告片,电影点评,每天发布大量影院低价折扣影票信息"
        name="description" />
    <link rel="stylesheet" type="text/css" href="css/seat.css" />
    <link rel="stylesheet" type="text/css" href="/wangp/skin/wangpiao/info/css/common.css" />
    <script type="text/javascript" src="/Users/js/Open.js" charset="gb2312"></script>
    <script type="text/javascript" src="/Users/js/popup.js" charset="gb2312"></script>
    <link rel="stylesheet" type="text/css" href="/wangp/Skin/wangpiao/info/css/jquery.autocomplete.css" />
    <link rel="stylesheet" type="text/css" href="/wangp/Skin/wangpiao/info/css/film.css" />
    <link type="text/css" rel="stylesheet" href="css/headGpiao.css" />
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/showdiag.js"></script>
    <script type="text/javascript" src="/diagShow/bgiframe.js" charset="utf-8"></script>
    <script type="text/javascript" src="/diagShow/weebox.js" charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="/diagShow/weebox.css" />
    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="js/hScrollPane.js"></script>
    <script type="text/javascript">



        $(document).ready(function () {
            $('#seattip').val('');
            $('#seatid').val('');

            var htmlsrc = document.getElementById("TheaterRoomMapUrl").value;
       
            $('#seatViewer').css("overflow", 'hidden');
            $("#DivSeatShow").load(htmlsrc, function (data) {

                ShowLockSeats();
            });
        });
    </script>
    <script type="text/javascript" src="js/SeatCheck2.js" charset="gb2312"></script>
    <style type="text/css">
        .hScrollPane_dragbar
        {
            background: url(images/dragbar.gif);
        }
        .hScrollPane_draghandle
        {
            background: url(images/dragbar.gif);
        }
        .hScrollPane_leftarrow
        {
            background: url(images/dragbar.gif);
        }
        .hScrollPane_rightarrow
        {
            background: url(images/dragbar.gif);
        }
        .hScrollPane_dragbar
        {
            position: absolute;
            margin: 0px auto;
            bottom: 0px;
            background-position: left -32px;
            height: 16px;
            left: 0px;
        }
        .hScrollPane_draghandle
        {
            border-bottom: #d5d3d3 1px solid;
            position: absolute;
            border-left: #d5d3d3 1px solid;
            background-color: #e5e5e5;
            width: 30px;
            background-repeat: no-repeat;
            background-position: center -48px;
            height: 14px;
            overflow: hidden;
            border-top: #d5d3d3 1px solid;
            top: 0px;
            cursor: default;
            border-right: #d5d3d3 1px solid;
            left: 0px;
            -moz-border-radius: 2px;
            -khtml-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }
        .hScrollPane_leftarrow
        {
            position: absolute;
            width: 17px;
            bottom: 0px;
            display: inline-block;
            height: 16px;
            overflow: hidden;
        }
        .hScrollPane_rightarrow
        {
            position: absolute;
            width: 17px;
            bottom: 0px;
            display: inline-block;
            height: 16px;
            overflow: hidden;
        }
        .hScrollPane_leftarrow
        {
            left: 0px;
        }
        .hScrollPane_leftarrow:hover
        {
            background-position: left -64px;
        }
        .hScrollPane_rightarrow
        {
            background-position: left -16px;
            right: 0px;
        }
        .hScrollPane_rightarrow:hover
        {
            background-position: left -80px;
        }
        .draghandlealter
        {
            background-color: #efefef;
            background-position: center -96px;
        }
    </style>
    <link href="/wangp/Skin/wangpiao/newinfo/css/base.css" rel="stylesheet" type="text/css" />
    <script src="/js/headyin.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/headliu.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/css/xzbase.css" />
    <div id="topmenu" class="newtopmenu">
        <div id="site-nav">
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {

            $("#citysel").load("/city.html");
            $("#site-nav").html('<img src="/Buyticket/images/loading1.gif" style="width: 16px; height: 16px" /> 数据正在加载......').load("/UserCenter/Cms_IsLogin.aspx");

        });
 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    
<div class="newmain">
    <div class="newhead">
    	<div class="newheadmenu">
            <h1><a href="http://www.inpiao365.com/" class="logoimg" title="影票365您的观影专家">影票365您的观影专家</a></h1>
            <!--城市start-->
            <div id="cityall" class="cityall fl">
                <h2 id="h2city">合肥</h2>
                <div id="morecity" class="morecity">
                    <span>[切换城市]</span>
                    <div id="citysel" class="citysel none">
                       </div>
                </div>
          </div>
          <!--城市end-->
          <div class="headr fr">
                    <!--<img src="images/topbanner.gif" alt="" />-->
                    <h4>
                        快速购票</h4>
                    <div class="headrA" id="selmovielch">
                        1.请选择影片<br />
                        <span class="sel_quickA" id="kchfilmname">请选择<b></b></span>
                        <div class="topsel-movieB" id="moviesearchnew">
                            <div id="kfilm">
                            </div>
                        </div>
                    </div>
                    <div class="headrB" id="selcinemalch">
                        2.请选择影院<br />
                        <span class="sel_quickB" id="kchcinemaname">请选择<b></b></span>
                        <div class="topsel-movieB" id="cinemasearchnew">
                            <ul id="kcinema">
                            </ul>
                        </div>
                    </div>
                    <div class="headrC" id="seltimelch">
                        3.请选择场次<br />
                        <span class="sel_quickC" id="kchshowname">请选择<b></b></span>
                        <div class="topsel-movieC" id="ktimesearchnew">
                            <ul id="kshow">
                                <label id="noteid">
                                    请先选择影院和影片</label>
                            </ul>
                        </div>
                    </div>
                </div>
        </div>
         #parse("../include/menu.html") 
    </div>
</div>


        <div class="seat_main seat-other">
        <p class="seat_tit none">
            当前位置: 首页 &gt;&gt; 电影院 &gt;&gt; <a href="#">北京首都电影院</a> &gt;&gt; 今天</p>
        <p class="seat_tel none">
            购票过程中遇到任何问题请致电:400-678-2005</p>
        <div class="clear">
        </div>
        <div class="steptwo">
        </div>
        <div class="seat_con">
            <div class="seat_ts">
                <p class="seat_ts01">
                    <img id="picimg" src="/UploadFiles/filminfo/2012/2/201202131614464077.jpg" style="height: 48px;
                        width: 36px; border-width: 0px;" />
                </p>
                <ul class="seat_ts02">
                    <li class="bold">电影: 战马</li>
                    <li>语言/版本: 原版/2D(语言版本仅供参考)</li>
                    <li class="red">场次:<strong id="lshdateyin"> 2012-03-06 (今天) 17:30</strong></li>
                </ul>
                <ul class="seat_ts03">
                    <li>
                        <div class="seat_pic">
                            影院: 北京首都电影院</div>
                        <div class="clear">
                        </div>
                    </li>
                    <li>片长: 148分钟</li>
                    <li>放映厅: 5号厅</li>
                </ul>
                <ul class="seat_ts04">
                    <li>
                        <table width="100" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr class="seat_c01">
                                    <td rowspan="2" class="td01">
                                        价格 场次
                                    </td>
                                    <td class="seat_bgc01" width="50">
                                        票价
                                    </td>
                                </tr>
                                <tr class="seat_c02">
                                    <td>
                                        40.00元
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </li>
                </ul>
                <div class="clear">
                </div>
            </div>
            <div class="scon_left">
                <p class="scon_zuo02">
                    <img src="images/spic03.jpg" width="32" height="93"></p>
                <div id="viewer" class="scon_zuo">
                    <p class="scon_zuo01">
                        <img class="scon_zuo04" src="images/freenote.gif" />可选座位
                        <img class="scon_zuo05" src="images/salenote.gif" />已售出座位
                        <img class="scon_zuo05" src="images/lovenote.gif" />情侣座
                        <img class="scon_zuo05" src="images/locknote.gif" />您选择的座位 本场次共有：<span id="lblSeatCount">142</span>个座位</p>
                    <p class="scon_zuo03">
                        <span class="f14">北京首都电影院5号厅银幕</span></p>
                    <p>
                    </p>
                    <div id="seatViewer" class="scon_left02" style="overflow-x: hidden; overflow-y: hidden;
                        height: 420px;">
                        <div id="DivSeatShow">
                        </div>
                        <div id="hideseat" style="top: 0px; height: 400px; left: 10px; position: absolute;
                            width: 593px; z-index: 102; background-image: initial; background-attachment: initial;
                            background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255);
                            opacity: 0; display: none; background-position: initial initial; background-repeat: initial initial;">
                        </div>
                        <div id="hideseatnote" style="width: 300px; height: 40px; line-height: 40px; background-image: initial;
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: rgb(242, 242, 242); position: absolute; top: 50%; left: 50%;
                            margin-left: -150px; margin-top: -25px; z-index: 103; font-size: 14px; text-align: center;
                            color: red; font-weight: 200; border-top-width: 1px; border-right-width: 1px;
                            border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid;
                            border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(102, 102, 102);
                            border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102);
                            border-left-color: rgb(102, 102, 102); display: none; background-position: initial initial;
                            background-repeat: initial initial;">
                            <b>正在加载影院座位图...</b>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="scon_right">
                <div id="seatviewparent" class="scon_right04">
                    <h2>
                        您选择的座位：</h2>
                    <img class="sconr_img01" src="images/spic04.jpg" width="15" height="14">
                    <p class="scon_right01" id="div_seatnone" style="display: block;">
                        尚未选座,单击<span>左侧座位图</span>选择您需要的座位,再次单击取消选择。每笔订单最多可选5张影票,请连续选择座位,不要留下单个的空闲座位！</p>
                    <div id="seatselect" style="width: 230px; display: none;">
                        <span id="seatview" style="color: #ff4900;">您选择的座位是：<br>
                            <span style="display: block; float: left; width: 60px; height: 18px; border: solid 1px orangered;
                                background-color: #f3f3f3; color: orangered; z-index: 100000; text-align: center;
                                padding-top: 2px; font-weight: bold; margin-right: 12px; margin-top: 2px;"></span>
                        </span><span id="filmpriceview" style="font-weight: bold; color: red"></span>
                    </div>
                </div>
                <div class="clear">
                </div>
                <div class="second">
                    <img class="sconc_img01" src="images/spic09.jpg" width="32" height="93">
                    <ul class="seat_con02">
                        <li class="seat_font01">请输入接收影票的手机号码：</li>
                        <li>
                            <asp:TextBox ID="txt_Mobile" runat="server" ClientIDMode="Static" MaxLength="11"
                                CssClass="seat_input01"></asp:TextBox>
                        </li>
                        <li class="ts02"><a id="btnok" href="javascript:ticket_Cart();" class="seat_a01"></a>
                            <img id="btnshow" alt="" src="/PhenixTicket/images/sa03.jpg" style="display: none;
                                margin-top: 14px" /></li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <ul class="seat_con03">
                    <li>· 系统默认手机号码接收验票码，或填写其他手机号码</li>
                    <li>· 短信和彩信接收均为免费,不会产生任何费用</li>
                    <li>· 当你完成支付后，您还可以去"我的影票365"中"购票记录的成功订单"中查询验票码</li>
                    <li class="seat_font02"><span class="seat_red">注:</span>点击【立即购买】后,系统将为您锁定座位15分钟,请您在限定时间内完成支付,否则座位将自动释放给其他用户。</li>
                </ul>
            </div>
            <div class="clear">
            </div>
            <div class="seat_con01">
                <div class="shuoming">
                    <h2>
                        使用说明:</h2>
                    <ul class="scon_right02">
                        <li>1、查看座位编码,请将鼠标移至相应座位上;</li>
                        <li>2、选择座位,请用鼠标左键单击该座位;</li>
                        <li>3、每笔定单最多可选购5张电影票;</li>
                        <li>4、选座位时,请选择相邻的座位,不要留下单个座位;</li>
                        <li>5、点击【立即购买】进入支付页面,请在15分钟内完成付款,超时系统将释放您选定的座位.</li>
                    </ul>
                </div>
                <div class="xitong">
                    <h2>
                        影票365在线选座购票系统让您:</h2>
                    <ul class="scon_right03">
                        <li>· 提前选座,提前购票,无需再影院排队买票;</li>
                        <li>· 实时直观的选择最佳座位;</li>
                        <li>· 专享优惠的影票价格,最低6折起;</li>
                        <li>· 专业设备影院快捷自助取票;</li>
                        <li>· 享受优质的服务体验.</li>
                    </ul>
                </div>
                <div class="clear">
                </div>
            </div>
            <div id="Vip_TS" class="scon_ts" style="display: none; overflow: hidden;">
                <div class="scon_tsbg">
                    <div class="h19">
                    </div>
                    <p class="scon_ts01">
                        什么是Vip会员?</p>
                    <p class="scon_ts02">
                        最低<b class="colorf30">充值1元</b>即可成为Vip会员,可以快速完成支付环节,节省购票时间,享受购票6-8折的超低票价.</p>
                </div>
                <div class="scon_tssan">
                </div>
            </div>
            <div id="DHK_TS" class="scon_ts" style="display: none; overflow: hidden;">
                <div class="scon_tsbg">
                    <div class="h19">
                    </div>
                    <p class="scon_ts01">
                        什么是兑换卡?</p>
                    <p class="scon_ts02">
                        影票365产品,支持网站,影院现场刷卡,手机WAP购票.支付时扣除卡内相应点数.</p>
                </div>
                <div class="scon_tssan">
                </div>
            </div>
            <div id="TPKJ_TS" class="scon_ts" style="display: none; overflow: hidden;">
                <div class="scon_tsbg">
                    <div class="h19">
                    </div>
                    <p class="scon_ts01">
                        什么是通票卡金?</p>
                    <p class="scon_ts02">
                        影票365产品,支持网站,影院现场刷卡,手机WAP购票.支付时扣除卡内相应次数.</p>
                </div>
                <div class="scon_tssan">
                </div>
            </div>
            <div id="TPKY_TS" class="scon_ts" style="display: none; overflow: hidden;">
                <div class="scon_tsbg">
                    <div class="h19">
                    </div>
                    <p class="scon_ts01">
                        什么是通票卡银?</p>
                    <p class="scon_ts02">
                        影票365产品,支持网站,影院现场刷卡,手机WAP购票.支付时扣除卡内相应次数.</p>
                </div>
                <div class="scon_tssan">
                </div>
            </div>
        </div>
    </div>
    <input name="seatid" type="hidden" id="seatid" style="width: 24px; height: 22px;
        size: 1" value="" />
    <input name="seattip" type="hidden" id="seattip" style="width: 32px; height: 22px"
        value="" />
    <asp:HiddenField ID="TheaterRoomMapUrl" runat="server" />
    <input name="tx_Filmindex" type="hidden" id="tx_Filmindex" value='/PhenixTicket/BuyTicket.aspx?lsh=<%=lsh %>&yth=<%=yth %>&yyh=<%=yyh %>&cc=<%=cc %>' />
    <div id="ets" class="ets" style="display: none; position: absolute; top: 768px;">
        <div class="ets_t_bg">
            <img src="images/bg01.gif" width="436" height="7"></div>
        <div class="ets_con">
            <div class="e_con_show">
                <div class="show_pic">
                    <img src="images/pic01.jpg" width="92" height="94"></div>
                <div class="show_con">
                    <p class="show_tit">
                        通知</p>
                    <p class="show_text">
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="e_con_link">
                <a href="/" class="link_return"></a><a href="javascript:;" onclick="closeDiv();"
                    class="link_close"></a>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="ets_d_bg">
            <img src="images/bg02.gif" width="436" height="6"></div>
    </div>
    <div class="dialogBox" style="display: none">
    </div>
    <!--购票高峰期弹出层提示-->
    <div id="divshowlogin" style="display: none">
        <div class="popupox">
        </div>
        <div class="seat-notebg">
        </div>
        <div class="seat-note">
            <div class="seat-notecon">
                <p class="lh18">
                    小贴士：<br>
                    现在是售票高峰期.需要登录后可以进行选座操作!</p>
                <a id="ashowlogin" href="javascript:notehide();smallreg(window.location.href);" class="seatlogin">
                    立即登录</a>
            </div>
        </div>
    </div>
    </form>
#parse("../include/Footer.html")
